
<script type="text/javascript">
<!--
$(document).ready(function(){
    var validator = $("#form").validate({ 
    	errorClass: "error",
        rules: { 
        	username: {
        	required:true,
        	remote:{
                url: "../../user/user/validate",// gọi đến trang kiểm tra username
                type: "GET",
        	}
            },
            password: { 
                required: true, 
                minlength: 6, 
            }, 
            cpassword: { 
                equalTo: "#password" 
            }, 
            email: { 
                required: true, 
                email: true
            }
        }, 
        messages: { 
            username: {
            	required: "Hãy điền tên đăng nhập", 
                remote: "Tài khoản đã được sử dụng",
            }, 
            password: { 
                required: "Hãy điền mật khẩu", 
                remote: "tai khoan da duoc su dung",
                minlength: "Mật khẩu ít nhất 6 ký tự"
            }, 
            cpassword: { 
                equalTo: "Mật khẩu xác nhận không chính xác" 
            }, 
            email: { 
                required: "Hãy nhập 1 địa chỉ email hợp lệ", 
                email:"Địa chỉ email không hợp lệ"
            }
        },
        errorPlacement: function(error, element) {
            if (element.attr("name") == "username")
            {
              error.insertAfter("#username");
            }
            else
              error.insertAfter(element);
            if (element.attr("name") == "password")
            {
              error.insertAfter("#password");
            }
            else
              error.insertAfter(element);
            if (element.attr("name") == "cpassword")
            {
              error.insertAfter("#cpassword");
            }
            else
              error.insertAfter(element);
            if (element.attr("name") == "email")
            {
              error.insertAfter("#email");
            }
            else
              error.insertAfter(element);
          },
    }); 
})
</script>
<style>
label.error{
    color: red;
    float: left;
    padding-top: 5px;
    position: relative;
}
</style>
<form id="form" action="" method="get">
	<p>
	
	
	<div class="fix08">
		<div class="txt02 fl">11Họ và Tên</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="fullname" type="text" class="textfield" />
			</div>
		</div>
	</div>
	<div class="fix08">
		<div class="txt02 fl">Tên đăng nhập mong muốn</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="username" id="username" type="text" class="textfield" />
				<label class="error"></label>
			</div>
		</div>
		<div class="sp_txt">Ví dụ: Dlan, D.Lan</div>
	</div>
	</p>
	<p>
	
	
	<div class="fix08">
		<div class="txt02 fl">Chọn Mật Khẩu</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="password" id="password" type="password" class="textfield" />
			</div>
		</div>
	</div>
	<div class="fix08">
		<div class="txt02 fl">Nhập lại Mật Khẩu</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="cpassword" id="cpassword" type="password" class="textfield" />
			</div>
		</div>
	</div>
	</p>
	<p>
	
	
	<div class="fix08">
		<div class="txt02 fl">Thư điện tử</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="email" name="email" type="text" class="textfield" />
			</div>
		</div>
		<div class="sp_txt">
			Địa chỉ này được sử dụng để xác thực tài khoản <br /> của bạn khi bạn
			gặp phải vấn đề hoặc quên mật khẩu.
		</div>
	</div>
	</p>
	<p>
	
	
	<div class="fix08">
		<div class="txt02 fl">Ngày sinh</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="birthday" type="text" class="textfield" />
			</div>

		</div>
		<div class="txt03_1 fl">
			ngày/tháng/năm<br /> (ví dụ 03/04/1992)
		</div>
	</div>
	<div class="fix08">
		<div class="txt02 fl">Bạn sống tại</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="address" type="" class="textfield"
					value="Chọn quốc gia" />
			</div>
		</div>
	</div>
	<div class="fix09">
		<div class="txt02_1 fl">Chọn thành phố</div>
		<div class="fl">
			<div class="fix_textfield">
				<input name="" type="text" class="textfield" value="Nếu là Việt Nam" />
			</div>
		</div>
	</div>
	</p>
	<p>
	
	
	<div class="fix08">
		<div class="txt02 fl">Mã xác minh</div>
		<div class="fl">
			<div class="txt04">Nhập các ký tự bạn nhìn thấy trong bức hình dưới
				đây.</div>
		</div>
	</div>
	<div class="fix09">
		<div class="captcha">
			<img src="images/captcha.png" />
		</div>
		<div>
			<div class="fix_textfield">
				<input name="" type="text" class="textfield" />
			</div>
		</div>
		<div class="txt04">Không phân biệt Hoa/thường</div>
	</div>
	</p>
	<p>
	
	
	<div class="fix09">
		<div class="txt04">
			Bằng cách nhấp vào 'Tôi chấp nhận' ở dưới đây có nghĩa là <br /> bạn
			đồng ý với <a href="#">Điều khoản sử dụng iPOO </a>
		</div>
	</div>
	</p>
	<p>
	
	
	<div class="fix09">
		<div class="button_gray fl">
			<input type="submit" value="Tôi chấp nhận và tạo tài khoản" />
		</div>
	</div>
	</p>
</form>
